import React from 'react';
import './App.css';

import { BrowserRouter, Routes, Route,  } from 'react-router-dom';
import Home from './view/Home';
import About from "./view/About"
import Index from './view/Index.jsx';
import User from './view/User';
import Property from './view/Property';
import Brand from './view/Brand';
import Company from './view/Company';
import Contact from './view/Contact';
import Details from './component/companyAboout/Details';

const App = () => {
  return (
    <>
    <BrowserRouter>
      <Routes>
        <Route path='/' exact element={<Home />} >
          <Route index  element={<Index/>} />
          <Route path='/index' element={<Index/>}></Route>
          <Route path='/About' element={<About/>}></Route>
          <Route path='/user' element={<User/>}></Route>
          <Route path='/Property' element={<Property/>}></Route>
          <Route path='/Brand' element={<Brand/>}></Route>
          <Route path='/Company' element={<Company/>}></Route>
          <Route path='/details' element={<Details/>}></Route>
          <Route path='/contact' element={<Contact/>}></Route>
        </Route>
      </Routes>
    </BrowserRouter>
    
    </>
  );
}

export default App;